@import "./fontStyle.less";
@import "./element-ui.less";
@import "./reset.less";
@import "./font/font.less";

.br-4 {
  border-radius: 4px;
}

.bg-f {
  background-color: #ffff;
}

h1 {
  font-size: @size18;
  color: @menuBg;
  font-weight: bold;
}

.m-g {
  margin: 20px;
}

.m-t {
  margin-top: 20px;
}
.m-t-30{
  margin-top: 30px;
}

.m-t-8 {
  margin-top: 8px;
}

.m-t-10 {
  margin-top: 10px;
}

.m-b {
  margin-bottom: 20px;
}

.m-b-10 {
  margin-bottom: 10px;
}

.m-l {
  margin-left: 20px;
}

.m-t-5 {
  margin-top: 5px;
}

.m-l-10 {
  margin-left: 10px;
}

.m-r {
  margin-right: 20px;
}

.m-l-5 {
  margin-left: 5px;
}

.m-r-10 {
  margin-right: 10px;
}

.m-r-15 {
  margin-right: 15px;
}

.m-r-15 {
  margin-right: 15px;
}

.m-r-20 {
  margin-right: 20px;
}

.m-r-30 {
  margin-right: 30px;
}

.m-r-80 {
  margin-right: 80px;
}

.p-d {
  padding: 20px
}

.p-t {
  padding-top: 20px
}

.p-b {
  padding-bottom: 20px
}

.p-t-10 {
  padding-top: 10px
}

.p-b-10 {
  padding-bottom: 10px
}

.p-l {
  padding-left: 20px
}

.p-r {
  padding-right: 20px
}

.p-r-25 {
  padding-right: 25px
}

.p-r-10 {
  padding-right: 10px;
}

.b-f-c {
  background-color: #fff;
}

.b-f {
  background-color: #fff;
  border-radius: 4px;
}

.b-p-f {
  background-color: #fff;
  border-radius: 4px;
  padding: 20px;
}

.icon-color {
  fill: currentColor;
  color: @iconColor;
  width: 20px;
  height: 16px;
}

.h1 {
  font-size: @size18;
  color: @color2;
  font-weight: bold;
}

.border-2 {
  border: 2px solid @borderColor;
}

.border-1 {
  border: 1px solid @borderColor;
}

.border-r-2 {
  border-right: 1px solid @borderColor;
}

.border-l-2 {
  border-left: 1px solid @borderColor;
}

.border-r-2-black {
  border-right: 1px solid #333;
}

.border-l-2-black {
  border-left: 1px solid #333;
}

.border-t-2 {
  border-top: 1px solid @borderColor;
}

.border-b-2 {
  border-bottom: 1px solid @borderColor;
}

.flex-c {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-a-c {
  display: flex;
  align-items: center;
}

.flex-b {
  display: flex;
  justify-content: space-between;
}

.flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.before {
  position: relative;
  padding-left: 15px;

  &::before {
    display: inline-block;
    content: '';
    width: 6px;
    height: 100%;
    background: #5272ec;
    position: absolute;
    left: 0;
    top: 6%;
    z-index: 4;

  }
}

.ellipsis {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ellipsis80 {
  display: inline-block;
  max-width: 80%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}


// .gray-span {
//   color: @grayColor;
//   font-size: @size14;
//   font-weight: 400;
// }

// .red {
//   color: @error;
// }

// .red-bg {
//   background-color: @error;
// }

// .yellow {
//   color: @warning;
// }

// .yellow-bg {
//   background-color: @warning;
// }

// .green {
//   color: @success;
// }

// .green-bg {
//   background-color: @success;
// }

// .blue {
//   color: @primary;
// }

// .blue-bg {
//   background-color: @primary;
// }

// .bg-gray-color {
//   background-color: @bgGrayColor;
// }

// .grey {
//   color: @grayColor;
// }

// .black {
//   color: @color2;

// }

// .purple {
//   color: @purple;
// }

// .color999 {
//   color: #999
// }

// .font12 {
//   font-size: @size12;
// }

// .font14 {
//   font-size: @size14;
// }

// .font18 {
//   font-size: @size18;
// }

// .font16 {
//   font-size: @size16;
// }

// .font20 {
//   font-size: @size20;
// }

// .width-98 {
//   width: 98%;
// }

// // 表格前面的原点
// .circle {
//   display: inline-block;
//   width: 10px;
//   height: 10px;
//   border-radius: 50%;
// }

// .ellipsis {
//   width: 100%;
//   overflow: hidden;
//   white-space: nowrap;
//   text-overflow: ellipsis;
// }

// .ellipsis80 {
//   display: inline-block;
//   width: 70%;
//   overflow: hidden;
//   white-space: nowrap;
//   text-overflow: ellipsis;
// }

// .back {
//   cursor: pointer;
//   font-size: @size18;
//   font-weight: bold;
//   // padding-bottom: 20px;

//   .el-icon-back {
//     font-size: @size18;
//     margin-right: 10px;
//     font-weight: bold;
//   }

//   &:hover {
//     color: @primary;

//     .el-icon-back {
//       color: @primary;
//     }
//   }
// }

// // 蓝色条
// .selectStyle {
//   margin: 10px 0 0;
//   border: 1px solid #869ef9;
//   padding: 5px 10px;
//   border-radius: 4px;
//   color: #5272ec;
//   background: #5272ec1f;

//   i {
//     padding-right: 10px;
//   }

//   b {
//     color: #333;
//   }
// }

// .activeCommand {
//   background-color: #ecf5ff;
//   color: @primary;
// }

// .flex-a-c {
//   display: flex;
//   align-items: center;
// }

// .flex-b {
//   display: flex;
//   justify-content: space-between;
// }

// .flex-between {
//   display: flex;
//   justify-content: space-between;
//   align-items: center;
// }

// .center {
//   display: flex;
//   align-items: center;
//   justify-content: center;
// }

// .bottomWrap {
//   position: absolute;
//   width: 100%;
//   height: 60px;
//   bottom: 0;
//   background-color: #ffffff;
//   box-shadow: 0px -4px 6px 4px rgba(0, 0, 0, 0.06);
//   z-index: 11;

//   .btn-box {
//     width: 100%;
//     display: flex;
//     align-items: center;

//     .btn-left {
//       position: absolute;
//       right: 57%;

//       &.r-61 {
//         right: 61%;
//       }

//     }

//     .btn-center {
//       position: absolute;
//       left: 44%;

//       &.l-40 {
//         left: 40%;
//       }
//     }

//     .btn-right {
//       position: absolute;
//       left: 55%;

//       &.l-58 {
//         left: 58%;
//       }

//       &.l-60 {
//         left: 60%;
//       }
//     }
//   }
// }

// .el-form-no {
//   .el-form-item {
//     margin-bottom: 0;

//     .el-form-item__label {
//       line-height: 30px;
//     }
//   }
// }

// .blueSpan {
//   display: inline-block;
//   width: 4px;
//   height: 16px;
//   background-color: #5272ec;
// }

// .before {
//   position: relative;
//   padding-left: 15px;

//   &::before {
//     display: inline-block;
//     content: '';
//     width: 3px;
//     height: 12px;
//     background: @primary;
//     position: absolute;
//     left: 0;
//     top: 8px;
//     z-index: 4;

//   }
// }


// // 文件样式
// .file-row {
//   padding: 8px 0px;
//   cursor: pointer;
//   font-size: @size16;
// }

// // .file-row:hover {
// //   background-color: #fafafa;
// // }

// .addStyle {
//   border: 1px dashed #c0ccda;
//   color: #999;
//   background: #fbfdff;
//   text-align: center;
// }

// .upload-row {
//   width: 100%;

//   .el-upload {
//     width: 100%;
//   }

//   .upload-file {
//     width: 100%;
//     padding: 10px 0;
//     border: 1px dashed #c0ccda;
//     color: #999;
//     background: #fbfdff;
//     text-align: center;

//     &:hover {
//       border-color: @primary;
//       color: @primary;
//     }


//   }
// }

// .absolute-right {
//   position: absolute;
//   right: 0;
// }

// .el-table th.el-table__cell>.cell {
//   font-size: @size18  !important;
// }

// .el-table td.el-table__cell div {
//   font-size: @size16  !important;
// }

// .el-link {
//   font-size: @size16  !important;
//   white-space: normal !important;
// }

// .el-button--small {
//   font-size: @size16  !important;
// }

// .el-tabs__item {
//   font-size: @size16  !important;
// }

// .detailWrap {
//   .el-form-item__content {
//     line-height: 30px !important;
//   }

// }

// .el-form-item__content {
//   font-size: @size16  !important;

// }

// .el-form-item__label {
//   font-size: @size16  !important;
//   // line-height: 30px !important;
//   color: #333 !important;
// }

// .el-button--primary.is-plain {
//   font-size: @size16  !important;
// }

// .el-message-box__message p {
//   font-size: @size16  !important;
// }

// .el-dialog__body {
//   font-size: @size16  !important;
// }

// .el-input {
//   font-size: @size16  !important;

//   .el-input__inner {
//     font-family: @normal  !important;
//   }
// }

// .font24 {
//   font-size: @size24
// }

// .SimHei {
//   font-family: @SimHei;
// }

// .el-textarea {
//   font-size: @size16  !important;

//   .el-textarea__inner {
//     font-family: @normal  !important;
//   }
// }

// // 折叠面板
// .collapse-reset {
//   .el-collapse {
//     .el-collapse-item {
//       margin-bottom: 20px;
//     }

//     .el-collapse-item__header {
//       position: relative;
//       padding: 0 40px !important;
//       font-size: @size18;
//       font-weight: 600;
//       background-color: @listBg;
//       border-radius: 4px;

//       &.is-active {
//         border-radius: 4px 4px 0 0;
//       }
//     }

//     .el-collapse-item__arrow {
//       position: absolute;
//       left: 10px;
//     }

//     .el-icon-arrow-right:before {
//       content: "\e791" !important;
//     }
//   }
// }


// .el-button--text {
//   font-size: @size16;
// }

// .preStyle {
//   width: 100%;
//   white-space: inherit;
//   word-break: break-all;
//   font-family: @normal;
// }

// .line-height {
//   line-height: 40px;
//   font-weight: bold;

//   &:before {
//     display: inline-block;
//     content: '';
//     width: 3px;
//     height: 16px;
//     background: @primary;
//     position: absolute;
//     left: -8px;
//     top: 12px;
//     z-index: 4;
//   }
// }

// .titleWeight {
//   font-weight: bold;
// }

// .roundWrap {
//   position: relative;
//   padding-left: 20px;
//   display: inline-block;
//   font-weight: bold;

//   .round-height {
//     position: absolute;
//     left: 0;
//     top: 6px;
//     z-index: 4;
//     background: @primary;
//     width: 10px;
//     height: 10px;
//     border-radius: 50%;
//   }
// }

// .blueFont {
//   color: @primary;
//   cursor: pointer;
// }

// .el-radio__label {
//   font-size: 18px;
// }

// .detailWrap {
//   .el-form-item__label {
//     // font-family: @normal;
//     text-align: right;
//     font-size: 14.0pt !important;
//   }

//   .el-form-item__content {
//     >span {
//       font-family: @normal;
//       font-size: 14.0pt;
//     }
//   }
// }

// .table-descriptions {
//   width: 100%;

//   .basicInfo {
//     padding: 12px 10px;
//     font-family: KT2312;
//     font-size: 20px;
//     font-weight: 600;
//     text-align: center;
//     border-top: 1px solid;
//     border-left: 1px solid;
//     border-right: 1px solid;
//     border-color: inherit;
//   }

//   .basicInfoRight {
//     width: 100%;
//     padding: 12px 10px;
//     font-family: KT2312;
//     font-size: 20px;
//     font-weight: 600;
//     border-right: 1px solid #808080;
//   }

//   .table_box {
//     width: 100%;
//     // border: 1px solid#000 !important;
//   }

//   .label {
//     width: 10%;
//     padding: 12px 10px;
//     background: #fafafa;
//     font-family: @normal;
//     font-size: 14.0pt;
//     text-align: center;
//     font-weight: 600;
//   }

//   .labelTi {
//     width: 10%;
//     padding: 12px 10px;
//     background: #fff;
//     font-family: @normal;
//     font-size: 14.0pt;
//     text-align: center;
//     font-weight: 600;
//   }

//   .labelTitle {
//     display: inline-block;
//     width: 100%;
//     // height: 50px;
//     padding: 12px 10px;
//     text-align: center;
//     // background: #fafafa;
//     font-family: @normal;
//     font-size: 20px;
//     font-weight: 600;
//   }

//   .label-big {
//     width: 13.7%;
//   }

//   .content {
//     width: 23%;
//     font-family: @normal;
//     font-size: 14.0pt;
//     padding-left: 10px;
//     padding-right: 10px;
//   }

//   .contentNull {
//     width: 100%;
//     font-family: @normal;
//     font-size: 14.0pt;
//     // padding-left: 10px;
//     // padding-right: 10px;
//   }

//   .content-auto {
//     width: 15%;
//     padding-left: 10px;
//     padding-right: 10px;
//   }
// }

// .p-d-10 {
//   padding: 10px;
// }

// .line45 {
//   height: 45px;
//   line-height: 45px;
//   display: inline-block;
// }

// .line36 {
//   height: 36px;
//   line-height: 36px;
//   display: inline-block;

// }

// .fillWrap {
//   height: calc(100% - 82px);


//   .el-container {
//     height: 100%;
//     justify-content: center;
//     margin-top: 20px;
//     overflow-x: auto;


//     .el-aside {
//       width: 260px !important;
//       flex: none;

//       // 隐藏滚动条
//       &::-webkit-scrollbar {
//         display: none;
//       }
//     }

//     .el-main {
//       padding: 0px;
//       margin-left: 20px;
//       width: 988px;
//       flex: none;
//       overflow-y: auto;

//       // 隐藏滚动条
//       &::-webkit-scrollbar {
//         display: none;
//       }
//     }
//   }
// }

// // 目录
// .catalogWrap {
//   background-color: #fff;
//   height: 76vh;
//   overflow: auto;

//   ul {
//     padding: 10px;

//     li {

//       color: #515864;
//       cursor: pointer;
//       border-radius: 4px;
//       margin-top: 10px;
//       position: relative;
//       display: flex;
//       align-items: center;
//       font-size: @size20;

//       a {
//         padding: 10px 20px;
//         width: 100%;
//         height: 100%;

//         .readTag {
//           position: absolute;
//           right: 10px;
//           vertical-align: center;
//         }
//       }


//       &.active {
//         background-color: @catalogHoverBg;
//         color: @primary;
//       }

//       &:hover {
//         background-color: @catalogHoverBg;
//         color: @primary;
//       }
//     }
//   }
// }

// .wrap-content {
//   height: 76vh;

//   .el-scrollbar__wrap {
//     overflow-x: hidden;
//   }
// }

// .title {
//   text-align: center;
//   font-size: 18px;
// }

// .titleStyle {
//   display: flex;
//   position: relative;
//   justify-content: center;
//   font-size: 16pt;
//   font-weight: bolder;
//   font-family: KT2312;

//   .btnStyle {
//     position: absolute;
//     top: 18px;
//     right: 20px;
//   }

//   .widthStyle {
//     width: 50%;
//   }
// }


// @keyframes shade {
//   0% {
//     opacity: 0;
//     right: 0;
//   }

//   50% {
//     opacity: 0.5;
//     right: 50;
//   }

//   100% {
//     opacity: 1;
//     right: 100;
//   }
// }

// .selectStyle {
//   position: relative;
//   top: -10px;
//   animation: shade 0.5s;
// }

// .edit-create {
//   // max-height: 400px;
//   // overflow-y: auto
// }

// .m-r-8 {
//   margin-right: 8px;
// }

// .m-b-8 {
//   margin-bottom: 8px;
// }

// .m-r-4 {
//   margin-right: 4px;
// }

// .m-r-40 {
//   margin-right: 40px;
// }

// .m-r-50 {
//   margin-right: 50px;
// }

// .p-r-40 {
//   padding-right: 40px;
// }

// .p-r-50 {
//   padding-right: 50px;
// }

// .plTableBox .el-table .umy-table-beyond {
//   white-space: normal !important;
// }

// .plTableBox .el-table__fixed-right .el-table__fixed-body-wrapper,
// .plTableBox .el-table__fixed-right .el-table__fixed-footer-wrapper,
// .plTableBox .el-table__fixed-right .el-table__fixed-header-wrapper {
//   background-blend-mode: overlay;
// }

// .elx-table .elx-body--column.col--ellipsis,
// .elx-table .elx-footer--column.col--ellipsis,
// .elx-table .elx-header--column.col--ellipsis,
// .elx-table.elx-editable .elx-body--column {
//   font-size: 16px;
// }

// .elx-table.elx-editable.size--medium .elx-body--column,
// .elx-table.size--medium .elx-body--column.col--ellipsis {
//   height: 65px;
// }

// .el-dropdown-link {
//   font-size: 16px;
// }

// .iconStyleGlobal {
//   width: 15px;
//   height: 15px;
//   position: relative;
//   top: 2px
// }

// .row-m {
//   margin-left: 0 !important;
//   margin-right: 0 !important;
// }